/*
Name: Charcoal
Author: Harry Jennerway
http://www.izeit.nu
*/

/* Basic layout */
body {
	background: #3c3c3c url(charcoal_bg.jpg) repeat-x top;
}
#column {
	background: #111;
	border: 1px solid #000;
	border-top: 0;
}
#banner {
	background: url(charcoal_banner.gif) no-repeat right;
}
#bannerback {
	background: #e0e9ed url(charcoal_bg.jpg) repeat-x top;
}
#bannerback h1 a {
        text-decoration: none;
        color: #fff;
}
a:link,
a:visited,
#navmenu a:link,
#navmenu a:visited,
#loginlink,
#loginlink a,
a.filters-open,
a.filters-closed,
#calbody h3, /* View - List :: Expanded */
h2,
div#recurrence,
form label {
	color: #fff;
}
h1, legend {
	color: #fff;
}
#customisepanel, #customisepanel label, #customisepanel legend, #customisepanel h3, #customisepanel small {
	color: #fff !important;
}
a:hover {
	color: #ddd;
}
#navmenu {
	background: #575757;
        font-family: Tahoma, Verdana, Helvetica;
}
#navmenu a:hover {
	color: #dfdfdf;
}
#navmenu a.customise {   background: url(../../images/wrench.png) no-repeat 0.5em; }
#navmenu a.adminlink {   background: url(../../images/key.png) no-repeat 0.5em; }
#navmenu a.helplink {    background: url(../../images/help.png) no-repeat 0.5em; }
#navmenu a.eventsmgr {   background: url(../../images/clock.png) no-repeat 0.5em; }
#navmenu a.rsslink {     background: url(../../images/rss.gif) no-repeat 0.5em; }
#navmenu a.icalnav {     background: url(../../images/ical.png) no-repeat 0.5em; }
#navmenu a.searchlink {  background: url(../../images/search.png) no-repeat 0.5em; }
#navmenu a.reportslink { background: url(../../images/reports.png) no-repeat 0.5em; }
#navmenu a.addlink {     background: url(../../images/add.gif) no-repeat 0.5em; }
#navmenu a.viewday {     background: url(../../images/view_day.gif) no-repeat 0.5em; }
#navmenu a.viewweek {    background: url(../../images/view_week.gif) no-repeat 0.5em; }
#navmenu a.viewmonth,
#navmenu a.viewextmonth {background: url(../../images/view_month.gif) no-repeat 0.5em; }
#navmenu a.viewyear {    background: url(../../images/view_year.gif) no-repeat 0.5em; }
#box {
        color: #fff;
}
#customisepanel {
	background: #111;
	color: #000;
	border: 1px solid #000;
}
#customisepanel .buttonadd {
	background: #f6faff url(../../images/add_large.gif) no-repeat 0.6em 0.6em;
}
#customisepanel form label {
	color: #000;
}
.customisetable {
	border: 1px solid #000;
}
.customisetable td {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#todocontainer a:link, #todocontainer a:visited {
	text-decoration: none;
}
#todocontainer a:hover {
	text-decoration: underline !important;
}
#todocontainer a.complete {
	color: #969696;
	text-decoration: line-through;
}
#todocontainer a.u6 {
        color: #3f9d47;
}
#todocontainer a.u5 {
        color: #82943d;
}
#todocontainer a.u4 {
        color: #b58531;
}
#todocontainer a.u3 {
        color: #d67228;
}
#todocontainer a.u2 {
        color: #e25725;
}
#todocontainer a.u1 {
        color: #e21f26;
}
#todocontainer .deletelink {
        background: url(todo_delete.gif) no-repeat left center;
}
#todocontainer .editlink {
        background: url(todo_edit.gif) no-repeat left center;
}
#todocontainer .completelink {
        background: url(todo_complete.gif) no-repeat left center;
}
#todocontainer .incompletelink {
        background: url(todo_incomplete.gif) no-repeat left center;
}
td.titleback,
tr.titleback,
.titleback2,
.containertitle,
.collapsibletitle {
	background: #000 url(charcoal_titleback.gif) repeat-x top;
	color: #fff;
}
.containerbox {
    border: 1px solid #444;
    background: #333;
    color: #fff;
}
.containertitle {
    border-bottom: 1px solid #444;
}
.collapsiblebox {
    border: 1px solid #444;
    background: #333;
    color: #fff;
}
.collapsiblecontent {
    border-top: 1px solid #444;
}
.tabmenu {
	border-bottom: 1px solid #000;
}
.tabmenu a:link, 
.tabmenu a:visited, 
.tabmenu a:link.inactivetab, 
.tabmenu a:visited.inactivetab {
	background: #555;
	border: 1px solid #222;
	border-bottom: 1px solid #444;
	color: #fff;
}
.tabmenu a:link.activetab, .tabmenu a:visited.activetab {
	background: #333;
	border: 1px solid #444;	
	border-bottom: 1px solid #333;
	color: #fff;
}
.tabcontainer {
	background: #333;
	border: 1px solid #444;
}
div.rule {
	border-top: 1px solid #444;
}
#calbody h3 a {
    color: #bbb;
}
div.massactions {
    background: #333;
    color: #fff;
}
div.title {
	border-bottom: 1px solid #5e6453;
	background: #000 url(charcoal_titleback.gif) repeat-x;
	color: #EEE;
	font-weight: bold;
}
div.title a {
	color: #CCC;
}
.blanktable {
	margin: 0 auto;
	border: 1px solid #000;
	background: #FFF;
	font-size: 1.2em;
}
.blanktable td {
	padding: 0.4em;
	text-align: left;
}
.formheading {
	text-align: right;
}
div#listevents .formheading, div#listtodo .formheading {
	background: #555;
}
div#recurrence {
    color: #FFF;
}
.gentext,
.gentext a {
	color: #fefefe;
}
div.inlineerror,
div.errornomargin,
div.ajaxerror {
    color: #ff0000;
}
#reports fieldset {
        background: #555;
}
.chart {
        border: 1px solid #000;
}
/* ========== Calendar Styles ============ */
td.caltoday,
td.caltoday div.extview,
td.caltoday div.extview a,
.blankday a:link span.daynum,
.blankday a:visited span.daynum {
	font-weight: bold;
	color: #fefefe;
}
td.caltoday,
td.caltoday div.extview {
	background: #005caa;
}
td.caltoday a:link span.daynum,
td.caltoday a:visited span.daynum,
td.caltoday a:link .occupiedday span.daynum,
td.caltoday a:visited .occupiedday span.daynum {
	color: #fefefe;
}
td.caltoday div {    /* For events appearing today */
	color: #fff;
	font-weight: normal;
}
.calbody, 
.caldays,
#calweeks, 
.expandedview,
.listview,
.yeartable {
	border: 1px solid #777;
	color: #000;
}
.calbody td, 
.caldays td,
#calweeks td,
.expandedview td {
	border: 1px solid #000;
}
.expandedview {
    background: #333;
    color: #fff;
}
.massactions {
    background: #fff;
    border: 1px solid #000;
}
.listview {
    background: #fff;
}
.listview thead {
    border: 1px solid #000;
}
.listview thead td {
	border: 1px solid;
	cursor: pointer;
}
.listview thead td:active {
	padding: 0.3em 0.4em 0.1em 0.6em;
}
.listview a:link, .listview a:visited {
    color: #000;
}
.listview a:hover {
    color: #444;
}
.odd {
    background: #f5f5f5;
}
.even {
    background: #d8d8d8;
}
tr.ruled {
    background: #979797;
}
.sort-arrow {
	width: 1.1em;
	height:	1.1em;
	background-position: center center;
	background-repeat: no-repeat;
	margin:	0 0.2em;
}
.eventdiv,
.masseventdiv,
.weekalldaydiv {
	background: #000;	
	border: 1px solid #D7D7D7;
	color: #fff;
}
.eventdiv a,
.popupcontainer a {
	color: #FFF;
}
.occupiedhour a,
.daynames a,
.blankhour a,
.dayhours a,
td.day a,
#calweeks td.weekdaynames a,
td.weekevent,
tr.weekallday {
	color: #000;
	text-decoration: underline;	
}
.daynames {
	background: #EAF9FF;
}
.blankhour {
	background: #fafafa;
}
.occupiedhour {
	background: #FFCF88;
}
.blankday {
	background: #414141;
	color: #efefef;
}
.occupiedday {
	background: #FFCF88;
}
.occupiedday div {
	font-size: 1.2em;
}
.occupiedday a:link span.daynum,
.occupiedday a:visited span.daynum,
div.extview a:link,
div.extview a:visited {
        color: #000;
}
.occupiedday a:hover span.daynum,
.blankday a:hover span.daynum,
div.extview a:hover {
	color: #666;
}
.dayhours {
	background: #fefefe;
}
.fillerdays {
	background: #222;
}
td.day {
	background: #f8f8f8;
}
#calweeks td.weekdaynames {
	background: #fefefe;
}
td.weekevent {
	border-left: 1px solid #000;
	border-right: 1px solid #000;	
	background: #FFCF88;
}
tr.weekallday {
    background: #8eff88;
    border-top: 1px solid #555;
}
/* ========== Buttons ========== */
.buttondelete, .buttoncancel {
	background: #f6faff url(delete.gif) no-repeat left 50%;
	font: bold 1.2em verdana;	
	padding-left: 3em;
}
.buttonadd {
	background: #f6faff url(add.gif) no-repeat left 50%;
	font: bold 1.2em verdana;	
	padding-left: 3em;
}
.buttonedit {
	background: #f6faff url(edit.gif) no-repeat left 50%;
	font: bold 1.2em verdana;	
	padding-left: 3em;
}
.buttonsave {
	background: #f6faff url(save.gif) no-repeat left 50%;
	font: bold 1.2em verdana;
	padding-left: 3em;
}
.buttonsearch {
	background: #f6faff url(../../images/search.png) no-repeat 10px 50%;
	font: bold 1.2em verdana;
	padding-left: 30px;
}
.buttonreport {
	background: #f6faff url(../../images/reports.png) no-repeat 10px 50%;
	font: bold 1.2em verdana;
	padding-left: 30px;
}
a.closebutton {
        background: url(del_small.png) no-repeat;
}
form.inplaceeditor-form .editor_cancel_button {
	background: #f6faff url(delete.gif) no-repeat left 50%;
}
form.inplaceeditor-form .editor_ok_button {
	background: #f6faff url(save.gif) no-repeat left 50%;
}

/* ========== Forms ========== */
form input.small { /* Hours/minutes boxes */
    border: 1px solid #666;
	border-right-color: #aaa;
	border-bottom-color: #aaa;
}
form select {
    border: 1px solid #666;
	border-right-color: #aaa;
	border-bottom-color: #aaa;   
}
form input.boxdisabled {
    background: #ddd; /* Hours/minutes boxes when all day event is checked */
    border: 1px solid #666;
	border-right-color: #aaa;
	border-bottom-color: #aaa;    
}
button.nicebutton,
input.nicebutton,
input.buttonsmall,
button.buttonsmall,
a.nicebutton,
a.buttonsmall {
	background: #222;
	border: 1px solid #111;
	color: #f6faff;
}
form input.standard,
form textarea {
    border: 1px solid #666;
	border-right-color: #aaa;
	border-bottom-color: #aaa;
}
form fieldset {
    border: 1px solid #bbb;
}
* html form .checks, * html form.checks label, * html form.checks input { /* fixes cascading inputs */
        border: 1px solid #fff;
}